// 页面加载动画
document.addEventListener('DOMContentLoaded', function() {
    // 首页动画
    if (document.querySelector('.options-container')) {
        const options = document.querySelectorAll('.option-card');
        options.forEach((option, index) => {
            option.style.opacity = '0';
            option.style.transform = 'translateY(20px)';
            option.style.transition = `all 0.5s ease ${index * 0.2}s`;
            setTimeout(() => {
                option.style.opacity = '1';
                option.style.transform = 'translateY(0)';
            }, 100);
        });
    }

    // 表单交互效果
    const inputs = document.querySelectorAll('input');
    inputs.forEach(input => {
        // 添加焦点效果
        input.addEventListener('focus', function() {
            this.style.borderColor = '#3498db';
            this.style.boxShadow = '0 0 5px rgba(52, 152, 219, 0.5)';
        });

        input.addEventListener('blur', function() {
            this.style.borderColor = '#ddd';
            this.style.boxShadow = 'none';
        });

        // 输入验证效果
        input.addEventListener('input', function() {
            if (this.value.trim() !== '') {
                this.style.backgroundColor = '#f8f9fa';
            } else {
                this.style.backgroundColor = '#fff';
            }
        });
    });

    // 表单提交处理
    const forms = document.querySelectorAll('form');
    forms.forEach(form => {
        form.addEventListener('submit', function(e) {
            // 防止默认提交行为（实际项目中应移除这部分，使用真实提交）
            e.preventDefault();
            
            // 模拟提交效果
            const button = this.querySelector('button');
            button.disabled = true;
            button.textContent = '处理中...';
            button.style.backgroundColor = '#95a5a6';
            
            // 模拟网络请求延迟
            setTimeout(() => {
                alert('表单提交成功！（这是模拟效果）');
                button.disabled = false;
                button.textContent = button.textContent.includes('登录') ? '登录' : '注册';
                button.style.backgroundColor = '#3498db';
                
                // 如果是登录/注册表单，模拟跳转
                if (this.action.includes('login')) {
                    window.location.href = 'index.html';
                } else if (this.action.includes('register')) {
                    window.location.href = 'login.html';
                }
            }, 1500);
        });
    });
});